﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <!-- Favicons -->
    <link rel="shortcut icon" th:href="@{/assets/img/favicon.ico}" type="image/x-icon">
    <link rel="apple-touch-icon" th:href="@{/assets/img/icon.png}">

    <!-- Title -->
    <title>Zuka - Clean, Minimal eCommerce Bootstrap 4 Template</title>

    <!-- ************************* CSS Files ************************* -->

    <!-- All Plugins CSS  -->
    <link rel="stylesheet" th:href="@{/assets/css/plugins.css}">

    <!-- Revoulation CSS  -->
    <link rel="stylesheet" th:href="@{/assets/css/revoulation.css}">

    <!-- style CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/main.css}">

    <!-- modernizr JS
    ============================================ -->
    <script th:src="@{/assets/js/vendor/modernizr-2.8.3.min.js}"></script>
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js}"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js}"></script>
    <![endif]-->
</head>

<body class="default-color">

    <!-- Preloader Start -->
    <div class="zuka-preloader active">
        <div class="zuka-preloader-inner h-100 d-flex align-items-center justify-content-center">
            <div class="zuka-child zuka-bounce1"></div>
            <div class="zuka-child zuka-bounce2"></div>
            <div class="zuka-child zuka-bounce3"></div>
        </div>
    </div>
    <!-- Preloader End -->
 
    <!-- Main Wrapper Start -->
    <div class="wrapper">
        <!-- Header Area Start -->
        <header class="header header-style-1">
            <div class="header-inner">
                <div class="header-top headroom headroom--fixed">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-lg-2 col-6">
                                <!-- Logo Start Here -->
                                <a th:href="@{/index}" class="logo-box">
                                    <figure class="logo--normal"> 
                                        <img th:src="@{/assets/img/logo/logo.png}" alt="Logo"/>
                                    </figure>
                                </a>
                                <!-- Logo End Here -->
                            </div>
                            <div class="col-lg-8 d-none d-lg-block">
                                <!-- Main Navigation Start Here -->
                                <nav class="main-navigation">
                                    <ul class="mainmenu mainmenu--centered">
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder active">
                                            <a th:href="@{/index}" class="mainmenu__link">
                                                <span class="mm-text">Home</span>
                                            </a>
                                            <ul class="megamenu two-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 01</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a th:href="@{/index}">
                                                                <span class="mm-text">Demo 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-02}">
                                                                <span class="mm-text">Demo 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-03}">
                                                                <span class="mm-text">Demo 03</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-04}">
                                                                <span class="mm-text">Demo 04</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-05}">
                                                                <span class="mm-text">Demo 05</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 02</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a th:href="@{/index-06}">
                                                                <span class="mm-text">Demo 06</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-07}">
                                                                <span class="mm-text">Demo 07</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-08}">
                                                                <span class="mm-text">Demo 08</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-09}">
                                                                <span class="mm-text">Demo 09</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/index-10}">
                                                                <span class="mm-text">Demo 10</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder">
                                            <a th:href="@{/shop-sidebar}" class="mainmenu__link">
                                                <span class="mm-text">Shop</span>
                                                <span class="badge">Hot</span>
                                            </a>
                                            <ul class="megamenu four-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Layout</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="shop-fullwidth}">
                                                                <span class="mm-text">FullWidth</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a th:href="@{/shop-sidebar}">
                                                                <span class="mm-text">with Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-two-columns}">
                                                                <span class="mm-text">Two columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-three-columns}">
                                                                <span class="mm-text">Three columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-collections}">
                                                                <span class="mm-text">With collections</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-instagram}">
                                                                <span class="mm-text">Shop Instagram</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Single Product</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="product-details}">
                                                                <span class="mm-text">Simple 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-02}">
                                                                <span class="mm-text">Simple 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sticky}">
                                                                <span class="mm-text">Sticky Info</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-gallery}">
                                                                <span class="mm-text">Thumbnail Gallery</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sidebar}">
                                                                <span class="mm-text">Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-grouped}">
                                                                <span class="mm-text">Grouped</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-affiliate}">
                                                                <span class="mm-text">Affiliate</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-configurable}">
                                                                <span class="mm-text">Configurable</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Pages</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a th:href="@{/my-account}">
                                                                <span class="mm-text">My Account</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="cart}">
                                                                <span class="mm-text">Shopping Cart</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="checkout}">
                                                                <span class="mm-text">Check Out</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="wishlist}">
                                                                <span class="mm-text">Wishlist</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="order-tracking}">
                                                                <span class="mm-text">Order tracking</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="compare}">
                                                                <span class="mm-text">compare</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="banner-holder">
                                                    <div class="megamenu-banner">
                                                        <div class="megamenu-banner-image"></div>
                                                        <div class="megamenu-banner-info">
                                                            <span>Autumn Winter 2019</span>
                                                            <h3>new <strong>arrival</strong></h3>
                                                        </div>
                                                        <a th:href="@{/shop-sidebar}" class="megamenu-banner-link"></a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="#" class="mainmenu__link">
                                                <span class="mm-text">Pages</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li>
                                                    <a href="about-us}">
                                                        <span class="mm-text">About Us</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="team}">
                                                        <span class="mm-text">Our teams</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="contact-us}">
                                                        <span class="mm-text">Contact Page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="404}">
                                                        <span class="mm-text">404 page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="faqs-page}">
                                                        <span class="mm-text">FAQs page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="coming-soon}">
                                                        <span class="mm-text">Coming Soon</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item">
                                            <a href="shop-collections}" class="mainmenu__link">
                                                <span class="mm-text">Collections</span>
                                            </a>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="blog}" class="mainmenu__link">
                                                <span class="mm-text">Blog</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Grid</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-02-columns}">
                                                                <span class="mm-text">Blog 02 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-03-columns}">
                                                                <span class="mm-text">Blog 03 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog}">
                                                                <span class="mm-text">Blog Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog List</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-classic}">
                                                                <span class="mm-text">Blog Classic</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-no-sidebar}">
                                                                <span class="mm-text">Blog No Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-masonary}">
                                                        <span class="mm-text">Blog Masonary</span>
                                                    </a>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Details</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="single-post}">
                                                                <span class="mm-text">Single Post</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="single-post-sidebar}">
                                                                <span class="mm-text">Single Post Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item" th:if="${customer==null}">
                                            <a th:href="@{/login}" class="mainmenu__link">
                                                <span class="mm-text">Login</span>
                                            </a>
                                        </li>
                                        <li class="mainmenu__item" th:if="${customer!=null}">
                                            <a th:href="@{/login}" class="mainmenu__link">
                                                <span class="mm-text">Account</span>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- Main Navigation End Here -->
                            </div>
                            <div class="col-lg-2 col-6">
                                <ul class="header-toolbar text-right">
                                    <li class="header-toolbar__item d-lg-none">
                                        <a href="#mobileMenu" class="toolbar-btn menu-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a> 
                                    </li>
                                    <li class="header-toolbar__item">
                                        <a href="#searchForm" class="search-btn toolbar-btn">
                                            <i class="dl-icon-search1"></i>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item">
                                        <a href="#miniCart" class="mini-cart-btn toolbar-btn">
                                            <i class="dl-icon-cart25"></i>
                                            <sup class="mini-cart-count">2</sup>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-none d-lg-block">
                                        <a href="#sideNav" class="toolbar-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a>                                    
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-menu-wrapper" id="mobileMenu">
                <div class="mobile-menu-inner">
                    <a href="" class="btn-close">
                        <span class="hamburger-icon">
                        </span>
                    </a>
                    <nav class="mobile-navigation">
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children active">
                                <a th:href="@{/index}">
                                    <span class="mm-text">Home</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 01</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a th:href="@{/index}">
                                                    <span class="mm-text">Demo 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-02}">
                                                    <span class="mm-text">Demo 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-03}">
                                                    <span class="mm-text">Demo 03</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-04}">
                                                    <span class="mm-text">Demo 04</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-05}">
                                                    <span class="mm-text">Demo 05</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 02</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a th:href="@{/index-06}">
                                                    <span class="mm-text">Demo 06</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-07}">
                                                    <span class="mm-text">Demo 07</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-08}">
                                                    <span class="mm-text">Demo 08</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-09}">
                                                    <span class="mm-text">Demo 09</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/index-10}">
                                                    <span class="mm-text">Demo 10</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a th:href="@{/shop-sidebar}">
                                    <span class="mm-text">Shop</span>
                                    <span class="badge">Hot</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Layout</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="shop-fullwidth}">
                                                    <span class="mm-text">FullWidth</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/shop-sidebar}">
                                                    <span class="mm-text">with Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-two-columns}">
                                                    <span class="mm-text">Two columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-three-columns}">
                                                    <span class="mm-text">Three columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-collections}">
                                                    <span class="mm-text">With collections</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-instagram}">
                                                    <span class="mm-text">Shop Instagram</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Single Product</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="product-details}">
                                                    <span class="mm-text">Simple 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-02}">
                                                    <span class="mm-text">Simple 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sticky}">
                                                    <span class="mm-text">Sticky Info</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-gallery}">
                                                    <span class="mm-text">Thumbnail Gallery</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sidebar}">
                                                    <span class="mm-text">Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-grouped}">
                                                    <span class="mm-text">Grouped</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-affiliate}">
                                                    <span class="mm-text">Affiliate</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-configurable}">
                                                    <span class="mm-text">Configurable</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Pages</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="my-account}">
                                                    <span class="mm-text">My Account</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="cart}">
                                                    <span class="mm-text">Shopping Cart</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="checkout}">
                                                    <span class="mm-text">Check Out</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="wishlist}">
                                                    <span class="mm-text">Wishlist</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="order-tracking}">
                                                    <span class="mm-text">Order tracking</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="compare}">
                                                    <span class="mm-text">compare</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">
                                    <span class="mm-text">Pages</span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="about-us}">
                                            <span class="mm-text">About Us</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="team}">
                                            <span class="mm-text">Our teams</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="contact-us}">
                                            <span class="mm-text">Contact Page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="404}">
                                            <span class="mm-text">404 page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="faqs-page}">
                                            <span class="mm-text">FAQs page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="coming-soon}">
                                            <span class="mm-text">Coming Soon</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="mobile-menu__item">
                                <a href="shop-collections}">
                                    <span class="mm-text">Collections</span>
                                </a>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="blog}">
                                    <span class="mm-text">Blog</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-02-columns}">
                                                    <span class="mm-text">Blog 02 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-03-columns}">
                                                    <span class="mm-text">Blog 03 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog}">
                                                    <span class="mm-text">Blog Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog List</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-classic}">
                                                    <span class="mm-text">Blog Classic</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-no-sidebar}">
                                                    <span class="mm-text">Blog No Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="blog-masonary}">
                                            <span class="mm-text">Blog Masonary</span>
                                        </a>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Details</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="single-post}">
                                                    <span class="mm-text">Single Post</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="single-post-sidebar}">
                                                    <span class="mm-text">Single Post Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="shop-instagram}">
                                    <span class="mm-text">Login</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <!-- Header Area End -->

        <!-- Main Content Wrapper Start -->
        <div id="content" class="main-content-wrapper">
            <!-- Slider area Start -->
            <div class="slider-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <!-- START REVOLUTION SLIDER 5.4.7 auto mode -->
                            <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="home-01" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
                                <div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7">
                                    <ul>    <!-- SLIDE  -->
                                        <li data-index="rs-34" data-transition="random-premium" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="/assets/100x50_home_01_slider_1.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="01" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                            <!-- MAIN IMAGE -->
                                            <img th:src="@{/assets/img/slider/dummy.png}"  alt=""  data-lazyload="/assets/img/slider/home_01_slider_1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                            <!-- LAYERS -->

                                            <!-- LAYER NR. 1 -->
                                            <div class="tp-caption     rev_group" 
                                                 id="slide-34-layer-1" 
                                                 data-x="['left','left','center','center']" data-hoffset="['295','295','0','0']" 
                                                 data-y="['middle','middle','middle','bottom']" data-voffset="['0','0','100','27']" 
                                                            data-width="['687','687','612','438']"
                                                data-height="['367','367','289','270']"
                                                data-whitespace="nowrap"
                                     
                                                data-type="group" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 5; min-width: 687px; max-width: 687px; max-width: 367px; max-width: 367px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                            <!-- LAYER NR. 2 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-34-layer-2" 
                                                 data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                                 data-y="['middle','middle','middle','middle']" data-voffset="['-86','-86','-89','-64']" 
                                                            data-fontsize="['18','18','18','16']"
                                                data-lineheight="['70','70','50','40']"
                                                data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 6; white-space: nowrap; font-size: 18px; line-height: 70px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">#sofa   #interior </div>

                                            <!-- LAYER NR. 3 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-34-layer-3" 
                                                 data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-9','0']" 
                                                            data-fontsize="['36','36','36','29']"
                                                data-lineheight="['50','50','50','40']"
                                                data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":"+790","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','center','center']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 7; white-space: nowrap; font-size: 36px; line-height: 50px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Furniture World Mid Century <br/>Sofa, Turquoise </div>

                                            <!-- LAYER NR. 4 -->
                                            <a class="tp-caption rev-btn " th:href="@{/shop-sidebar}" 
                                                 id="slide-34-layer-4" 
                                                 data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                                 data-y="['middle','middle','middle','middle']" data-voffset="['105','105','73','79']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="button" 
                                                data-responsive_offset="on" 
                                                data-responsive="off"
                                                data-frames='[{"delay":"+1510","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,0,8);bc:rgb(220,0,8);"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[15,15,15,12]"
                                                data-paddingright="[45,45,45,35]"
                                                data-paddingbottom="[15,15,15,12]"
                                                data-paddingleft="[45,45,45,35]"

                                                style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 400; color: #282828; font-family:Poppins;background-color:rgba(255,255,255,0);border-color:rgb(24,24,24);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                            </div>

                                            <!-- LAYER NR. 5 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-34-layer-5" 
                                                 data-x="['right','right','center','center']" data-hoffset="['160','160','0','0']" 
                                                 data-y="['middle','middle','top','top']" data-voffset="['0','0','26','26']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="image" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":1710,"speed":1980,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1800,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 9;"><img th:src="@{/assets/img/slider/dummy.png}" alt="" data-ww="['772px','772px','490px','341px']" data-hh="['421px','421px','267px','186px']" data-lazyload="/assets/img/slider/home_01_slider_4.png" data-no-retina> </div>

                                            <!-- LAYER NR. 6 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-34-layer-7" 
                                                 data-x="['left','left','center','center']" data-hoffset="['1218','1218','0','5']" 
                                                 data-y="['top','top','middle','middle']" data-voffset="['717','717','262','218']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":240,"speed":3600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 10; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">© 2018 Zuka All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a> </div>
                                        </li>
                                        <!-- SLIDE  -->
                                        <li data-index="rs-35" data-transition="fade,random-premium" data-slotamount="default,default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default,default" data-easeout="default,default" data-masterspeed="300,default"  data-thumb="/assets/img/slider/100x50_home_01_slider_2.jpg"  data-rotate="0,0"  data-saveperformance="off"  data-title="02" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                            <!-- MAIN IMAGE -->
                                            <img th:src="@{/assets/img/slider/dummy.png}"  alt=""  data-lazyload="/assets/img/slider/home_01_slider_2.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                            <!-- LAYERS -->

                                            <!-- LAYER NR. 7 -->
                                            <div class="tp-caption     rev_group" 
                                                 id="slide-35-layer-1" 
                                                 data-x="['left','left','left','center']" data-hoffset="['300','300','75','0']" 
                                                 data-y="['middle','middle','middle','bottom']" data-voffset="['0','0','0','76']" 
                                                            data-width="['588','588','515','444']"
                                                data-height="['333','333','251','192']"
                                                data-whitespace="nowrap"
                                     
                                                data-type="group" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 5; min-width: 588px; max-width: 588px; max-width: 333px; max-width: 333px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                            <!-- LAYER NR. 8 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-35-layer-7" 
                                                 data-x="['left','left','left','center']" data-hoffset="['0','0','0','2']" 
                                                 data-y="['top','top','middle','middle']" data-voffset="['52','52','-76','-63']" 
                                                            data-fontsize="['18','18','18','16']"
                                                data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1500,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 6; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">#sofa  #interior </div>

                                            <!-- LAYER NR. 9 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-35-layer-2" 
                                                 data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" 
                                                 data-y="['top','top','middle','middle']" data-voffset="['100','100','0','0']" 
                                                            data-fontsize="['36','36','36','26']"
                                                data-lineheight="['50','50','50','30']"
                                                data-letterspacing="['0','0','0','']"
                                                data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":"+890","speed":1790,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1500,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','left','center']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 7; white-space: nowrap; font-size: 36px; line-height: 50px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Furniture World Mid Century<br/> Sofa, Turquoise </div>

                                            <!-- LAYER NR. 10 -->
                                            <a class="tp-caption rev-btn " th:href="@{/shop-sidebar}"
                                                 id="slide-35-layer-4" 
                                                 data-x="['left','left','left','center']" data-hoffset="['0','0','-3','0']" 
                                                 data-y="['top','top','middle','middle']" data-voffset="['232','232','99','73']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="button" 
                                                data-responsive_offset="on" 
                                                data-responsive="off"
                                                data-frames='[{"delay":"+1450","speed":2050,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgb(220,1,9);"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[15,15,15,15]"
                                                data-paddingright="[45,45,45,40]"
                                                data-paddingbottom="[15,15,15,15]"
                                                data-paddingleft="[45,45,45,40]"

                                                style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 400; color: #181818; font-family:Poppins;background-color:rgba(220,1,9,0);border-color:rgb(24,24,24);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop Now </a>
                                            </div>

                                            <!-- LAYER NR. 11 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-35-layer-6" 
                                                 data-x="['right','right','left','center']" data-hoffset="['300','300','78','0']" 
                                                 data-y="['bottom','bottom','middle','bottom']" data-voffset="['90','90','252','28']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":2060,"speed":2250,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1500,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 9; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">© 2018 Zuka All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a> </div>

                                            <!-- LAYER NR. 12 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-35-layer-5" 
                                                 data-x="['left','left','left','left']" data-hoffset="['829','829','435','178']" 
                                                 data-y="['middle','middle','middle','top']" data-voffset="['0','0','0','17']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="image" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":1670,"speed":2410,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 10;"><img th:src="@{/assets/img/slider/dummy.png}" alt="" data-ww="['437px','437px','276px','125px']" data-hh="['720px','720px','454px','206px']" data-lazyload="/assets/img/slider/home_01_slider_6.png" data-no-retina> </div>
                                        </li>
                                        <!-- SLIDE  -->
                                        <li data-index="rs-36" data-transition="random-premium" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="/assets/img/slider/100x50_home_01_slider_3.jpg}"  data-rotate="0"  data-saveperformance="off"  data-title="03" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                            <!-- MAIN IMAGE -->
                                            <img th:src="@{/assets/img/slider/dummy.png}"  alt=""  data-lazyload="/assets/img/slider/home_01_slider_3.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                            <!-- LAYERS -->

                                            <!-- LAYER NR. 13 -->
                                            <div class="tp-caption     rev_group" 
                                                 id="slide-36-layer-1" 
                                                 data-x="['left','left','left','center']" data-hoffset="['299','299','33','0']" 
                                                 data-y="['middle','middle','middle','bottom']" data-voffset="['0','0','0','81']" 
                                                            data-width="['641','641','404','419']"
                                                data-height="['268','268','252','186']"
                                                data-whitespace="nowrap"
                                     
                                                data-type="group" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 5; min-width: 641px; max-width: 641px; max-width: 268px; max-width: 268px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                            <!-- LAYER NR. 14 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-36-layer-2" 
                                                 data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" 
                                                 data-y="['top','top','middle','middle']" data-voffset="['20','20','-62','-61']" 
                                                            data-fontsize="['18','18','16','16']"
                                                data-lineheight="['50','50','26','40']"
                                                data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 6; white-space: nowrap; font-size: 18px; line-height: 50px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">#plant   #interior </div>

                                            <!-- LAYER NR. 15 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-36-layer-3" 
                                                 data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" 
                                                 data-y="['top','top','middle','middle']" data-voffset="['74','74','0','0']" 
                                                            data-fontsize="['36','36','29','26']"
                                                data-lineheight="['50','50','40','30']"
                                                data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":"+790","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','center']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 7; white-space: nowrap; font-size: 36px; line-height: 50px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Succulent Planters Pots <br>Ceramic </div>

                                            <!-- LAYER NR. 16 -->
                                            <a class="tp-caption rev-btn " th:href="@{/shop-sidebar}"
                                                 id="slide-36-layer-4" 
                                                 data-x="['left','left','left','center']" data-hoffset="['0','0','0','1']" 
                                                 data-y="['top','top','middle','middle']" data-voffset="['205','205','77','65']" 
                                                            data-color="['rgb(24,24,24)','rgb(24,24,24)','rgb(40,40,40)','rgb(40,40,40)']"
                                                data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="button" 
                                                data-responsive_offset="on" 
                                                data-responsive="off"
                                                data-frames='[{"delay":"+1510","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgb(220,1,9);"}]'
                                                data-margintop="[0,0,0,0]"
                                                data-marginright="[0,0,0,0]"
                                                data-marginbottom="[0,0,0,0]"
                                                data-marginleft="[0,0,0,0]"
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[15,15,15,12]"
                                                data-paddingright="[45,45,45,35]"
                                                data-paddingbottom="[15,15,15,12]"
                                                data-paddingleft="[45,45,45,35]"

                                                style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 400; color: #181818; font-family:Poppins;background-color:rgba(24,24,24,0);border-color:rgb(24,24,24);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                            </div>

                                            <!-- LAYER NR. 17 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-36-layer-7" 
                                                 data-x="['right','right','left','center']" data-hoffset="['300','300','35','0']" 
                                                 data-y="['bottom','bottom','bottom','bottom']" data-voffset="['90','90','47','37']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="text" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":1790,"speed":2240,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 9; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">© 2018 Zuka All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a> </div>

                                            <!-- LAYER NR. 18 -->
                                            <div class="tp-caption   tp-resizeme" 
                                                 id="slide-36-layer-5" 
                                                 data-x="['right','right','right','center']" data-hoffset="['271','271','34','8']" 
                                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','10','-124']" 
                                                            data-width="none"
                                                data-height="none"
                                                data-whitespace="nowrap"
                                     
                                                data-type="image" 
                                                data-responsive_offset="on" 

                                                data-frames='[{"delay":1660,"speed":1990,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                                data-textAlign="['inherit','inherit','inherit','inherit']"
                                                data-paddingtop="[0,0,0,0]"
                                                data-paddingright="[0,0,0,0]"
                                                data-paddingbottom="[0,0,0,0]"
                                                data-paddingleft="[0,0,0,0]"

                                                style="z-index: 10;"><img th:src="@{/assets/img/slider/dummy.png}" alt="" data-ww="['652px','652px','342px','272px']" data-hh="['473px','473px','248px','197px']" data-lazyload="/assets/img/slider/home_01_slider_5.png" data-no-retina> </div>
                                        </li>
                                    </ul>
                                    <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;">
                                        
                                    </div> 
                                </div>
                            </div>
                            <!-- END REVOLUTION SLIDER -->      
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slider area End -->
                
            <!-- Banner Section Start -->
            <section class="banner-area pt--80 pt-md--55 pt-sm--40 pb--40 pb-md--30 pb-sm--15">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-5 col-md-6 mb-sm--25">
                            <div class="banner-box banner-hover-1">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img th:src="@{/assets/img/banner/banner_1.jpg}" alt="Banner">
                                    </div>
                                    <a class="banner-link banner-overlay" th:href="@{/shop-sidebar}">Shop Now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 offset-lg-1 text-center">
                            <h2 class="heading-secondary pb-md--2">Zuka Furniture Store</h2>
                            <hr class="separator center mtb--25 mtb-md--20">
                            <p class="heading-color mb--35 mb-md--20">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non.</p>
                            <img th:src="@{/assets/img/others/signature.png}" alt="signature">
                        </div>
                    </div>
                </div>
            </section>
            <!-- Banner Section End -->

            <!-- Get Inspired area Start -->
            <section class="get-inspired-area section-right-full pt--40 pt-md--25 pt-sm--20 pb--25 pb-md--20 pb-sm--5">
                <div class="row align-items-center">
                    <div class="left-side col-lg-5 text-center mb-md--30">
                        <div class="text-block max-w-md-65 max-w-sm-90 mx-auto">
                            <h2 class="heading-secondary pb-md--3">Get Inspired</h2>
                            <hr class="separator center mt--35 mb--25 mt-md--25 mb-md--20">
                            <p class="heading-color mb--35 mb-md--20">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non.</p>
                        </div>
                        <div class="slick-arrows home_01_banner_arrows nav-round nav-outline nav-hover-1">
                            <span class="slick-btn slick-prev custom-slick-prev">
                                <i class="dl-icon-left"></i>
                            </span>
                            <span class="slick-btn slick-next custom-slick-next">
                                <i class="dl-icon-right"></i>
                            </span>
                        </div>
                    </div>
                    <div class="right-side col-lg-7">
                        <div class="zuka-element-carousel home_01_banner_slide"
                        data-slick-options='{
                            "spaceBetween": 30,
                            "isCustomArrow": true,
                            "customPrev": ".custom-slick-prev",
                            "customNext": ".custom-slick-next",
                            "slidesToShow": 1,
                            "slidesToScroll": 1,
                            "infinite": true,
                            "centerMode":true,
                            "centerPadding": "20%",
                            "speed": 300
                        }'
                        data-slick-responsive= '[
                            {"breakpoint":767, "settings": {
                                "centerMode": false,
                                "centerPadding": "0%",
                            }}
                        ]'>
                            <div class="item">
                                <div class="banner-box banner-hover-2 banner-type-2">
                                    <div class="banner-inner">
                                        <div class="banner-image">
                                            <img th:src="@{/assets/img/banner/icon_box_1.jpg}" alt="Banner">
                                        </div>
                                        <div class="banner-info mt--25 text-center">
                                            <div class="banner-info--inner max-w-60 max-w-xl-90">
                                                <p class="banner-title-2">
                                                    Living Room Collections
                                                </p>
                                                <p class="banner-paragraph">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem possimus, ipsam ipsum reprehenderit quibusdam iste. 
                                                </p>
                                                <a th:href="@{/shop-sidebar}" class="banner-btn banner-btn-1">Discover Now</a>
                                            </div>
                                        </div>
                                        <a class="banner-link banner-overlay" th:href="@{/shop-sidebar}">Shop Now</a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="banner-box banner-hover-2 banner-type-2">
                                    <div class="banner-inner">
                                        <div class="banner-image">
                                            <img th:src="@{/assets/img/banner/icon_box_2.jpg}" alt="Banner">
                                        </div>
                                        <div class="banner-info mt--25 text-center">
                                            <div class="banner-info--inner max-w-60 max-w-xl-90">
                                                <p class="banner-title-2">
                                                    Living Room Collections
                                                </p>
                                                <p class="banner-paragraph">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem possimus, ipsam ipsum reprehenderit quibusdam iste. 
                                                </p>
                                                <a th:href="@{/shop-sidebar}" class="banner-btn banner-btn-1">Discover Now</a>
                                            </div>
                                        </div>
                                        <a class="banner-link banner-overlay" th:href="@{/shop-sidebar}">Shop Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Get Inspired area End -->
            
            <!-- Product Tab Area Start -->
            <section class="product-tab-area pt--30 pt-md--15 pt-sm--10 pb--80 pb-md--60 pb-sm--40">
                <div class="container-fluid">
                    <div class="row mb--50 mb-md--40 mb-sm--20">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary pb-md--2">New Arrival</h2>
                            <hr class="separator center mt--25 mt-md--20">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-1">
                                <div class="nav nav-tabs product-tab__head mb--30 mb-md--20" id="product-tab" role="tablist">
                                    <a class="product-tab__link nav-link active" id="nav-living-room-tab" data-toggle="tab" href="#nav-living-room" role="tab" aria-selected="true"> 
                                        <span>Living Room</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-bed-room-tab" data-toggle="tab" href="#nav-bed-room" role="tab" aria-selected="true"> 
                                        <span>Bed Room</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-children-room-tab" data-toggle="tab" href="#nav-children-room" role="tab" aria-selected="true"> 
                                        <span>Children's Room</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-bath-room-tab" data-toggle="tab" href="#nav-bath-room" role="tab" aria-selected="true"> 
                                        <span>Bath Room</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-chair-sofa-tab" data-toggle="tab" href="#nav-chair-sofa" role="tab" aria-selected="true"> 
                                        <span>Chair &amp; Sofa</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-sheilving-tab" data-toggle="tab" href="#nav-sheilving" role="tab" aria-selected="true"> 
                                        <span>Sheilving</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-kitchen-tab" data-toggle="tab" href="#nav-kitchen" role="tab" aria-selected="true"> 
                                        <span>Kitchen</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-home-office-tab" data-toggle="tab" href="#nav-home-office" role="tab" aria-selected="true"> 
                                        <span>Home Office</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-tv-stand-tab" data-toggle="tab" href="#nav-tv-stand" role="tab" aria-selected="true"> 
                                        <span>Tv Stand</span>
                                    </a>
                                </div>
                                <div class="tab-content product-tab__content" id="product-tabContent">
                                    <div class="tab-pane fade show active" id="nav-living-room" role="tabpanel" aria-labelledby="nav-living-room-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-31-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-31-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Atlin Designs Mid Century Club Chair</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-no-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-26-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Contemporary 5-Light Large Chandelier</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-no-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-31-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Country Console Table with Drawer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-no-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-22-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Large Chandelier With 18 Lights</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-33-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-28-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Mid-Century Modern Sofa</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-no-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-30-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Norre Teal Fabric Club Chair</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-32-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-35-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Rivet Jamie Mid-Century</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-25-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-34-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Sauder Carson Forge Sofa Table</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-27-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-30-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Solid Wood End Table with Metal Legs</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-no-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-31-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Warm Shaker Solid Wood End Table</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-bed-room" role="tabpanel" aria-labelledby="nav-bed-room-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-children-room" role="tabpanel" aria-labelledby="nav-children-room-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-bath-room" role="tabpanel" aria-labelledby="nav-bath-room-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-chair-sofa" role="tabpanel" aria-labelledby="nav-chair-sofa-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-sheilving" role="tabpanel" aria-labelledby="nav-sheilving-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-kitchen" role="tabpanel" aria-labelledby="nav-kitchen-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-home-office" role="tabpanel" aria-labelledby="nav-home-office-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-tv-stand" role="tabpanel" aria-labelledby="nav-tv-stand-tab">
                                        <div class="row xxl-block-grid-5 grid-space-20">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge sale">Sale!</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 46.00</span>
                                                                <span class="dash">&mdash;</span>
                                                                <span class="money">&pound; 59.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-3-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-3-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Designer Leather Backpack Purse for Women</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 100.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-7-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-7-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-2%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fake News Network Abstract Novelty T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 49.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 48.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-4-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-4-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-three">
                                                                <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Fashion Backpack Oxford Waterproof</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Grey blue leather backpack</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-four">
                                                                <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">I want to T-Shirt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 170.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-5-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-5-4-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-17.9%</span>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="product-price-old">
                                                                    <span class="money">&pound; 39.00</span>
                                                                </span>
                                                                <span class="product-price-new">
                                                                    <span class="money">&pound; 32.00</span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-10-3-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-1-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Fashion Comfort Genuine Leather Belt</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-2-3-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Helsinki Slip-On</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-8-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-8-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Men’s Ultra-Thin Quartz Analog</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-6-4-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-6-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-two">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Patchwork print oversized blouse</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-11-1-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-11-2-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 ptb--10 mb--20">
                                                <div class="zuka-product thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details}">
                                                                    <img th:src="@{/assets/img/products/prod-14-2-500x625.jpg}" alt="Product Image" class="primary-image">
                                                                    <img th:src="@{/assets/img/products/prod-14-1-500x625.jpg}" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-1" href="wishlist}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-1" href="compare}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="btn add_to_cart_btn action-btn" href="cart}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <span>Add To Cart</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info text-center">
                                                            <div class="star-rating star-five">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <h3 class="product-title">
                                                                <a href="product-details}">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <span class="product-price-wrapper">
                                                                <span class="money">&pound; 159.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt--40 mt-md--25 mt-sm--15">
                        <div class="col-12 text-center">
                            <a href="#" class="btn btn-medium btn-color-gray btn-outline btn-shape-round btn-style-1">
                                View All
                            </a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Tab Area End -->

            <!-- Full Width Banner Start -->
            <section class="fullwidth-banner-area bg-width-box ptb--30 bg-image" data-bg-image="/assets/img/bg/bg-1.jpg">
                <div class="container p-0">
                    <div class="row no-gutters align-items-center">
                        <div class="col-md-6 text-md-left text-center mb-md--35">
                            <figure>
                                <img th:src="@{/assets/img/banner/banner_2.png}" alt="Banner">
                            </figure>
                        </div>
                        <div class="col-md-6">
                            <div class="text-block text-center">
                                <p class="font-size-18 heading-color font-size-md-16">Rivet Clover Modern Glam Velvet Brass <br> Arm Accent Chair</p>
                                <h2 class="lts-10 lts-sm-5 lts-xs-0 heading-big">Sale 50%</h2>
                                <p class="font-size-18 heading-color font-size-md-16 mb--30">only $199.99</p>
                                <a th:href="@{/shop-sidebar}" class="btn btn-medium btn-outline btn-shape-round btn-color-black btn-style-1">Shop Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Full Width Banner End -->

            <!-- Testimonial Area Start -->
            <section class="testimonial-area slick-overflow-visible pt--75 pt-md--55 pt-sm--35 pb--70 pb-lg--30 pb-md-40 pb-sm--20">
                <div class="container">
                    <div class="row mb--50 mb-md--40 mb-sm--30">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary pb-md--2">Client's Feedback</h2>
                            <hr class="separator center mt--25 mt-md--20">
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-lg-12">
                            <div class="zuka-element-carousel nav-vertical-center nav-disabled nav-style-1" data-slick-options='{
                                "spaceBetween": 30, 
                                "slidesToShow": 3, 
                                "slidesToScroll": 1, 
                                "arrows": true, 
                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                            }'
                            data-slick-responsive='[
                                {"breakpoint":991, "settings": {"slidesToShow": 2}},
                                {"breakpoint":620, "settings": {"slidesToShow": 1}}
                            ]'>
                                <div class="item">
                                    <div class="testimonial testimonial-style-1">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-five">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Hester Perkins</h3>
                                                <h5 class="testimonial__author--role">Indiana US</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img th:src="@{/assets/img/others/happy-client-2.jpg}" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="testimonial testimonial-style-1">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-four-half">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Andrea Curtis</h3>
                                                <h5 class="testimonial__author--role">New Mexico</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img th:src="@{/assets/img/others/happy-client-3.png}" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="testimonial testimonial-style-1">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-five">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Jackson Diaz</h3>
                                                <h5 class="testimonial__author--role">New Mexico</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img th:src="@{/assets/img/others/happy-client-1.jpg}" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Testimonial Area End -->
 
            <!-- Instagram Area Start -->
            <section class="instagram-area pt--40 pt-md--25 pt-sm--15">
                <div class="container-fluid">
                    <div class="row mb--50 mb-md--40 mb-sm--30">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary">Shop Instagram</h2>
                            <hr class="separator center mt--35 mt-md--30">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="instagram-feed">
                                <div id="instafeed" class="zuka-insta-feed instagram-carousel" data-accesstoken="6667588161.1677ed0.705c7b82e16f42b2898cd19e737dc53e" data-userid="6667588161" data-insta-config='{"get":"user", "sortBy":"none","limit":"8","resolution":"low_resolution","template":"<div class=\"grid-item\"><div class=\"instagram-feed-item\"><a href=\"{{link}}\" target=\"_blank\" id=\"{{id}}\"><img src=\"{{image}}\" /></a><div class=\"instagram-feed-hover-content\"><span class=\"tottallikes\"><i class=\"fa fa-heart\"></i>{{likes}}</span><span class=\"totalcomments\"><i class=\"fa fa-comments\"></i>{{comments}}</span></div></div></div>"}'>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Instagram Area End -->
        </div>
        <!-- Main Content Wrapper Start -->

        <!-- Footer Start 底部-->
        <footer class="footer footer-2">
            <div class="container">
                <div class="footer-top pt--80 pt-md--60">
                    <div class="row justify-content-center">
                        <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11 col-12 text-center">
                            <div class="footer-widget mb--20">
                                <div class="textwidget">
                                    <a th:href="@{/index}" class="footer-logo">
                                       <img th:src="@{/assets/img/logo/logo.png}" alt="Logo" class="logo-img mb--20"> 
                                    </a>
                                    <p>Integer ut ligula quis lectus fringilla elementum porttitor sed est. Duis fringilla efficitur ligula sed lobortis.</p>
                                </div>
                            </div>
                            <div class="footer-widget mb--20">
                                <div class="textwidget">
                                    <!-- Social Icons Start Here -->
                                    <ul class="social">
                                        <li class="social__item">
                                            <a href="https://facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://pinterest.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://linkedin.com" class="social__link">
                                                <i class="fa fa-linkedin-square"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://behance.net" class="social__link">
                                                <i class="fa fa-behance"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                            <div class="footer-widget mb--25">
                                <form action="https://company.us19.list-manage.com/subscribe/post?u=2f2631cacbe4767192d339ef2&amp;id=24db23e68a" class="newsletter-form newsletter-form--2 mc-form" method="post" target="_blank">
                                    <input type="email" name="EMAIL" id="newsletter-email" class="newsletter-form__input" placeholder="Enter Your Email Address..">
                                    <button type="submit" class="newsletter-form__submit">
                                        <i class="dl-icon-right"></i>
                                    </button>
                                </form>
                                <!-- mailchimp-alerts Start -->
                                <div class="mailchimp-alerts">
                                    <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                    <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                    <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                </div>
                                <!-- mailchimp-alerts end -->
                            </div>
                            <div class="footer-widget">
                                <ul class="footer-menu d-flex justify-content-between flex-sm-row flex-column">
                                    <li><a href="about-us}">About Us</a></li>
                                    <li><a href="shop-collections}">Portfolios</a></li>
                                    <li><a href="contact-us}">Our Services</a></li>
                                    <li><a href="#">Affiliate Program</a></li>
                                    <li><a href="#">Work for Zuka</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom pt--40 pb--45">
                    <div class="row">
                        <div class="col-12 text-center">
                            <p class="copyright-text">&copy; 2018 ZUKA. Designed by HasTech</p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Search from Start 搜索-->
        <div class="searchform__popup" id="searchForm">
            <a href="#" class="btn-close"><i class="dl-icon-close"></i></a>
            <div class="searchform__body">
                <p>Start typing and press Enter to search</p>
                <form class="searchform" action="/search">
                    <input type="text" name="search" id="popup-search" class="searchform__input" placeholder="Search Entire Store...">
                    <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button>
                </form>
            </div>
        </div>
        <!-- Search from End --> 
        
        <!-- Side Navigation Start 侧导航-->
        <aside class="side-navigation" id="sideNav">
            <div class="side-navigation-wrapper">
                <div class="side-navigation-inner">
                    <div class="widget mb--30">
                        <ul class="sidenav-menu">
                            <li><a href="about-us}">About Us</a></li>
                            <li><a href="shop-collections}">Portfolios</a></li>
                            <li><a href="contact-us}">Our Services</a></li>
                            <li><a href="#">Affiliate Program</a></li>
                            <li><a href="#">Work For Zuka</a></li>
                        </ul>
                    </div>
                    <div class="widget mb--30">
                        <div class="banner-box banner-type-1 banner-hover-1">
                            <div class="banner-inner">
                                <div class="banner-image">
                                    <img th:src="@{/assets/img/banner/menu-humberger.jpg}" alt="Banner">
                                </div>
                                <div class="banner-info">
                                    <a class="banner-title-1 text-uppercase" th:href="@{/shop-sidebar}">New</a>
                                </div>
                                <a class="banner-link banner-overlay" th:href="@{/shop-sidebar}">New</a>
                            </div>
                        </div>
                    </div>
                    <div class="widget mb--30">
                        <div class="text-widget">
                            <p>
                                <a href="#">(+612) 2531 5600</a>
                                <a href="mailto:info@la-studioweb.com">info@la-studioweb.com</a>
                                PO Box 1622 Colins Street West
                            </p>
                        </div>
                    </div>
                    <div class="widget mb--5">
                        <div class="text-widget google-map-link">
                            <p>
                                <a href="https://www.google.com/maps" target="_blank">Google Maps</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <!-- Social Icons Start Here -->
                            <ul class="social social-small">
                                <li class="social__item">
                                    <a href="twitter.com" class="social__link">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="plus.google.com" class="social__link">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="facebook.com" class="social__link">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="youtube.com" class="social__link">
                                        <i class="fa fa-youtube"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="instagram.com" class="social__link">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                            <!-- Social Icons End Here -->
                        </div>
                    </div>
                    <div class="widget mtb--15">
                        <div class="text-widget">
                            <p>
                                <img th:src="@{/assets/img/others/payments.png}" alt="payment">
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <p class="copyright-text">&copy; 2018 Zuka Shop All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Side Navigation End -->

        <!-- Mini Cart Start 购物车-->
        <aside class="mini-cart" id="miniCart">
            <div class="mini-cart-wrapper">
                <a href="" class="btn-close"><i class="dl-icon-close"></i></a>
                <div class="mini-cart-inner">
                    <h5 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h5>
                    <div class="mini-cart__content">
                        <ul class="mini-cart__list">
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img th:src="@{/assets/img/products/prod-26-1-70x88.jpg}" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product}">Atlin Designs Mid Century Club Chair</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img th:src="@{/assets/img/products/prod-30-1-70x88.jpg}" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product}">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img th:src="@{/assets/img/products/prod-29-1-70x88.jpg}" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product}">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img th:src="@{/assets/img/products/prod-31-1-70x88.jpg}" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product}">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                        </ul>
                        <div class="mini-cart__total">
                            <span>Subtotal:</span>
                            <span class="ammount">&pound;98.00</span>
                        </div>
                        <div class="mini-cart__buttons">
                            <a href="cart}" class="btn btn-fullwidth btn-style-1">View Cart</a>
                            <a href="checkout}" class="btn btn-fullwidth btn-style-1">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Mini Cart End -->

        <!-- Global Overlay Start -->
        <div class="zuka-global-overlay"></div>
        <!-- Global Overlay End -->
 
        <!-- Modal Start -->
        <div class="modal fade product-modal" id="productModal" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body">
                <button type="button" class="close custom-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><i class="dl-icon-close"></i></span>
                </button>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="zuka-element-carousel product-image-carousel nav-vertical-center nav-style-1"
                                data-slick-options='{
                                    "slidesToShow": 1,
                                    "slidesToScroll": 1,
                                    "arrows": true,
                                    "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                    "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                                }'
                        >
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product}">
                                        <img th:src="@{/assets/img/products/prod-7-1.jpg}" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product}">
                                        <img th:src="@{/assets/img/products/prod-7-2.jpg}" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="modal-box product-summary">
                            <div class="product-top-meta d-flex justify-content-between flex-sm-row flex-column-reverse">
                                <div class="product-rating d-flex">
                                    <div class="star-rating star-five">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                    <a href="" class="review-link">(1 customer review)</a>
                                </div>
                                <div class="product-navigation">
                                    <a href="#" class="prev"><i class="dl-icon-left"></i></a>
                                    <a href="#" class="next"><i class="dl-icon-right"></i></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <h3 class="product-title mb--30 mb-md--20">Waxed-effect pleated skirt</h3>
                            <div class="product-price-wrapper mb--30 mb-md--20">
                                <span class="product-price-old">
                                    <span class="money">&pound;60.00</span>
                                </span>
                                <span class="money">&pound;49.00</span>
                            </div>
                            <p class="product-short-description mb--30 mb-md--20">Donec accumsan auctor iaculis. Sed suscipit arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget, sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                            <div class="product-action d-flex flex-row align-items-center mb--20">
                                <div class="quantity mr--20">
                                    <input type="number" class="quantity-input" name="qty" id="quick-qty" value="1" min="1">
                                </div>
                                <button type="button" class="btn btn-style-1 btn-semi-large btn-shape-round add-to-cart" onclick="window.location.href='cart.html'">
                                    Add To Cart
                                </button>
                                <a href="wishlist}" class="action-btn action-btn-square"><i class="dl-icon-heart2"></i></a>
                                <a href="compare}" class="action-btn action-btn-square"><i class="dl-icon-compare2"></i></a>
                            </div>  
                            <div class="product-extra mb--20">
                                <a href="#" class="font-size-12"><i class="fa fa-map-marker"></i>Find store near you</a>
                                <a href="#" class="font-size-12"><i class="fa fa-exchange"></i>Delivery and return</a>
                            </div>
                            <div class="product-summary-footer">
                                <div class="product-meta mb--20">
                                    <span class="sku_wrapper font-size-12">SKU: <span class="sku">REF. LA-887</span></span>
                                    <span class="posted_in font-size-12">Categories: <a th:href="@{/shop-sidebar}" rel="tag">Fashions</a></span>
                                </div>
                                <div class="product-share-box">
                                    <span class="font-size-12">Share With</span>
                                    <!-- Social Icons Start Here -->
                                    <ul class="social social-small">
                                        <li class="social__item">
                                            <a href="facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal End -->

        <!-- Newsletter Popup Start开始弹窗 -->

        <!-- Newsletter Popup End -->

    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->


    <!-- All Plugins Js -->
    <script th:src="@{/assets/js/plugins.js}"></script>

    <!-- Main JS -->
    <script th:src="@{/assets/js/main.js}"></script>

    <!-- REVOLUTION JS FILES -->
    <script th:src="@{/assets/js/revoulation/jquery.themepunch.tools.min.js}"></script>
    <script th:src="@{/assets/js/revoulation/jquery.themepunch.revolution.min.js}"></script>    

    <!-- REVOLUTION ACTIVE JS FILES -->
    <script th:src="@{/assets/js/revoulation.js}"></script>

</body>

</html>